<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>li分页</title>
    <style type="text/css">
        #kan a{color: red;}
    </style>
</head>
<body>
<ul id="all">
	<li><a href="#">第一集</a></li>
	<li><a href="#">第二集</a></li>
	<li><a href="#">第三集</a></li>
	<li><a href="#">第四集</a></li>
	<li><a href="#">第五集</a></li>
	<li><a href="#">第六集</a></li>
	<li id="kan"><a href="#">第七集</a></li>
	<li><a href="#">第八集</a></li>
	<li><a href="#">第九集</a></li>
	<li><a href="#">第十集</a></li>
	<li><a href="#">第十一集</a></li>
	<li><a href="#">第十二集</a></li>
	<li><a href="#">第十三集</a></li>
	<li><a href="#">第十四集</a></li>
	<li><a href="#">第十五集</a></li>
    <li><a href="#">第一集</a></li>
    <li><a href="#">第二集</a></li>
    <li><a href="#">第三集</a></li>
    <li><a href="#">第四集</a></li>
    <li><a href="#">第五集</a></li>
    <li><a href="#">第六集</a></li>
    <li id="kan"><a href="#">第七集</a></li>
    <li><a href="#">第八集</a></li>
    <li><a href="#">第九集</a></li>
    <li><a href="#">第十集</a></li>
    <li><a href="#">第十一集</a></li>
</ul>
<div class="page">
	<!-- <span id="a3"></span> -->
	<button onclick="change(--pageno)">&lt;</button> 
	<button onclick="change(++pageno)">&gt;</button>
</div>

<script>
    var a = document.getElementById("all").getElementsByTagName("li");
    var zz =new Array(a.length)
    for(var i=0;i <a.length;i++)
    { zz[i]=a[i].innerHTML } //div的字符串数组付给zz
    var pageno=1               //当前页
    var pagesize=6            //每页多少条信息
    if(zz.length%pagesize==0)
    {var  pageall =zz.length/pagesize }
    else
    {var  pageall =parseInt(zz.length/pagesize)+1}       //一共多少页

    function change(e){
        pageno=e;
        if(e<1)//如果输入页<1页
        { e=1;pageno=1}//就等于第1页 ， 当前页为1
        if(e>pageall)//如果输入页大于最大页
        {e=pageall;pageno=pageall}//输入页和当前页都=最大页
        document.getElementById("all").innerHTML=""//全部清空
        for(var i=0;i<pagesize;i++)
        {
            var div =document.createElement("li")//建立div对象
            div.innerHTML=zz[(e-1)*pagesize+i]//建立显示元素
            document.getElementById("all").appendChild(div)//加入all中
            if(zz[(e-1)*pagesize+i+1]==null)//超出范围跳出
                break
        }
    }
    change(1)
</script>

</body>
</html>